<!--
 * @Author: your name
 * @Date: 2021-04-28 08:52:59
 * @LastEditTime: 2021-04-28 14:27:27
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \js_study\demo05\index.html
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES5模块化开发深度探究</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="tab J_tab">
        <div class="nav">
            <p class="nav_item current">标签1</p>
            <p class="nav_item">标签2</p>
            <p class="nav_item">标签3</p>
        </div>
        <div class="page">
            <p class="page_item current">页面1</p>
            <p class="page_item">页面2</p>
            <p class="page_item">页面3</p>
        </div>
    </div>
</body>
<script>
    var tab = new Tab({
        el:'.J_tab'
    }).init();
</script>
</html>